<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }


    </style>
</head>
<body>
<div id="content">
    <h3>商品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>单价&nbsp;&nbsp;&nbsp;&nbsp;数量</span><strong>&nbsp;操作</strong></h3>
    <ul>
        <li><a href="">丹基妮波点印花毛衣</a><span>180.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</span><a href="">删除</a></li>
        <li><a href="">丹基妮波点印花毛衣</a><span>180.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</span><a href="">删除</a></li>
        <li><a href="">丹基妮波点印花毛衣</a><span>180.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</span><a href="">删除</a></li>
        <li><a href="">丹基妮波点印花毛衣</a><span>180.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</span><a href="">删除</a></li>

    </ul>
</div>
</body>
<script src="jquery-3.4.1.js"></script>
<script>
    $(function () {
        $('#content').css({'width':'500px','border':'1px solid blue','text-align':'center'});
        $('#content :header').css({
            'height':'40px',
            'line-height':'40px',
            'padding-left':'50px',
            'box-sizing':'border-box',
            'backgroundColor':'blue',
            'color':'white'
        });
        $('h3>span').css({
            'margin':'0 40px'
        });
        $('#content>ul>li').css({
            'height':'50px',
            'line-height':'50px',
            'width':'100%',
            'padding-left':'30px',
            'box-sizing':'border-box',
            'borderBottom':'1px solid #ccc'
        });
        $('#content>ul>li:even').css({
            'backgroundColor':'#eff7d1'
        });
        $('#content>ul>li:odd').css({
            'backgroundColor':'#f7e195'
        })
        $('#content>ul>li>span').css({
            'margin-left':'40px',
            'margin-right':'70px'
        })
        $('#content>ul>li>a').css({
            'color':'black',
        })
    })
</script>
</html>